I am a little confused on exactly where to to put his rule for a warning generated on a vue2 app. The warning is

36:5 warning <template> require directive vue/no-lone-template

My .eslintrc.js

module.exports = {
 root: true,
  env: {
   node: true
  },
  extends: [
    "eslint:recommended",
    "plugin:vue/recommended",
    "prettier/vue",
    "@vue/prettier"
  ],
  parserOptions: {
    parser: "@babel/eslint-parser",
    ecmaVersion: "latest",
    sourceType: "module",
    requireConfigFile: false
  },
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    quotes: 0,
    semi: 0
  },
  overrides: [
    {
      files: [
        "**/__tests__/*.{j,t}s?(x)",
        "**/tests/unit/**/*.spec.{j,t}s?(x)"
      ],
       env: {
         jest: true
     }
    }
   ]
 };

Here is the section of the component:

I looked at the docs, eslint rule. I tried inserting it into rules, but it was incorrect and I'm not sure exactly where to put this.